//
//  WBVisitorView.swift
//  mySwiftVV
//
//  Created by hu yr on 2016/12/13.
//  Copyright © 2016年 terry. All rights reserved.
//

import UIKit

/// 访客视图
class WBVisitorView: UIView {

    // 注册按钮
     lazy var registerButton : UIButton = UIButton.cz_textButton("注册", fontSize: 16, normalColor: UIColor.orange, highlightedColor: UIColor.black, backgroundImageName: "common_button_white_disable")
    
    //  登录按钮
     lazy var loginButton : UIButton = UIButton.cz_textButton("登录", fontSize: 16, normalColor: UIColor.darkGray, highlightedColor: UIColor.black, backgroundImageName: "common_button_white_disable")
    
    // 访客视图的信息字典 [imageName/message]
//    如果是首页 imageName == ""
    var visitorInfo : [String : String]?{
        didSet{
            
            //1.取字典信息
            guard let imageName = visitorInfo?["imageName"],
                let message = visitorInfo?["message"] else{
                    return
            }
            
            //设置消息
            tipLable.text = message
            
            //设置图像
            if imageName == "" {
                
                startAnimation()
                
                return
            }
            
            iconView.image = UIImage(named: imageName)
            
            //其他控制器的访客视图不需要显示小房子/遮罩视图
            houseView.isHidden = true
            maskIconView.isHidden = true
            
            
        }
    }
    
    // MARK: - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    
    /// 选装图标动画
    private func startAnimation(){
        
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        
        anim.toValue = 2 * M_PI
        
        anim.repeatCount = MAXFLOAT
        anim.duration = 15
        // 动画完成不删除,如果iconView被释放,动画会一起销毁!
        //在设置连续播放的动画非常有用
        anim.isRemovedOnCompletion = false
        
        //将动画添加到图层(首页)
        iconView.layer.add(anim, forKey: nil)
        
    }
    
    
    // MARK: - 私有控件
    
    ///懒加载属性只有调用 UIKit 控件的指定构造函数 , 其他都需要使用类型
    
    //图像视图
    fileprivate lazy var iconView : UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))
    
    //遮罩视图 不要使用maskView 会与系统重名
    fileprivate lazy var maskIconView : UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
    
    
    ///小房子
    fileprivate lazy var houseView : UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))
    
    ///提示标签
    fileprivate lazy var tipLable : UILabel = UILabel.cz_label(
        withText: "关注一些人,回这里看看有什么惊喜\n关注一些人,回这里看看有什么惊喜",
        fontSize: 14,
        color: UIColor.darkGray)
    
    

}

// MARK: - 设置界面
extension WBVisitorView{
    
    func setupUI () {
        //  在开发的时候,如果能够使用颜色,就不要使用图像,效率更高
        backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)
        
        //1.添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseView)
        addSubview(tipLable)
        addSubview(registerButton)
        addSubview(loginButton)
        
        //文本居中
        tipLable.textAlignment = .center
        
        //2.取消 autoresizing
        for v in subviews{
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        //3.自动布局
        let margin : CGFloat = 20.0
        //图形视图
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        
        addConstraint(NSLayoutConstraint(item: iconView, attribute: .centerY, relatedBy: .equal, toItem: self, attribute: .centerY, multiplier: 1.0, constant: -60))
        
        //小房子视图
        addConstraint(NSLayoutConstraint(item: houseView, attribute: .centerX, relatedBy: .equal, toItem: iconView, attribute: .centerX, multiplier: 1.0, constant: 0))
        
        addConstraint(NSLayoutConstraint(item: houseView, attribute: .centerY, relatedBy: .equal, toItem: iconView, attribute: .centerY, multiplier: 1.0, constant: 0))
        
        //提示标签
        addConstraint(NSLayoutConstraint(item: tipLable, attribute: .centerX, relatedBy: .equal, toItem: iconView, attribute: .centerX, multiplier: 1.0, constant: 0))
        
        addConstraint(NSLayoutConstraint(item: tipLable, attribute: .top, relatedBy: .equal, toItem: iconView, attribute: .bottom, multiplier: 1.0, constant: margin))
        
        addConstraint(NSLayoutConstraint(item: tipLable, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1.0, constant: 236))
        
        
        /// 注册按钮
        addConstraint(NSLayoutConstraint(item: registerButton, attribute: .left, relatedBy: .equal, toItem: tipLable, attribute: .left, multiplier: 1.0, constant: 0))
        
        addConstraint(NSLayoutConstraint(item: registerButton, attribute: .top, relatedBy: .equal, toItem: tipLable, attribute: .bottom, multiplier: 1.0, constant: margin))
        
         addConstraint(NSLayoutConstraint(item: registerButton, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1.0, constant: 100))
        
        
        //登录按钮
        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .right, relatedBy: .equal, toItem: tipLable, attribute: .right, multiplier: 1.0, constant: 0))
        
        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .top, relatedBy: .equal, toItem: tipLable, attribute: .bottom, multiplier: 1.0, constant: margin))
        
        addConstraint(NSLayoutConstraint(item: loginButton, attribute: .width, relatedBy: .equal, toItem: registerButton, attribute: .width, multiplier: 1.0, constant: 0))
        
        // 遮罩图形
        //views : 定义 VFL 中的控件名称和实际名称的映射关系
        //metrics; 定义 VFL 中() 指定的常数映射关系
        let viewDict = ["maskIconView" : maskIconView,
                        "registerButton" : registerButton] as [String : Any]
        
        let metrics = ["spacing" : -35]
        
        addConstraints(NSLayoutConstraint.constraints(
            withVisualFormat: "H:|-0-[maskIconView]-0-|",
            options: [],
            metrics: nil,
            views: viewDict))
        
        addConstraints(NSLayoutConstraint.constraints(
            withVisualFormat: "V:|-0-[maskIconView]-(spacing)-[registerButton]",
            options: [],
            metrics: metrics,
            views: viewDict))
        
        
    }
    
}
